export const downLoadImg = (url, name) => {
    console.log("开始")
    // 创建新的图片对象
    const img = new Image()
    // 设置图片跨域属性为匿名
    img.setAttribute('crossOrigin', 'Anonymous')
    // 图片加载完成后执行回调函数
    img.onload = function () {
        // 创建一个新的画布元素
        const canvas = document.createElement('canvas')
        // 获取画布的2D上下文
        const context = canvas.getContext('2d')
        // 判断是否成功获取到画布上下文
        if (context) {
            // 设置画布的宽度和高度与图片一致
            canvas.width = img.width
            canvas.height = img.height
            // 在画布上绘制图片
            context.drawImage(img, 0, 0, img.width, img.height)
            // 将画布内容转换为 Blob 对象
            canvas.toBlob((blob) => {
                // 判断是否成功生成 Blob 对象
                if (blob) {
                    // 创建一个临时链接用于下载
                    const url = URL.createObjectURL(blob)
                    const a = document.createElement('a')
                    const event = new MouseEvent('click')
                    // 设置下载的文件名
                    a.download = name
                    // 设置链接地址为 Blob 对象的 URL
                    a.href = url
                    // 模拟点击事件触发下载
                    a.dispatchEvent(event)
                    // 释放 Blob 对象的 URL
                    URL.revokeObjectURL(url)
                } else {
                    console.error('生成 Blob 失败')
                }
            })
        } else {
            console.error('获取 Canvas 上下文失败')
        }
    }
    // 设置图片的 src 属性，并在链接后添加时间戳以避免缓存
    img.src = `${url}?v=${Date.now()}`
};